﻿@model FOModels.Loan.LoanModels
@{
    ViewBag.Title = "Thông tin - Vay tiêu dùng";
    Layout = "~/Views/Shared/_SUBLayout1.cshtml";
}

<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/jquery-ui.css")" /><link rel="stylesheet" type="text/css" href="/Content/css/bootstrap.min.css" />
<script type="text/javascript">
    $(function () {
        $("#txt_dob").datepicker({
            dateFormat: "dd-mm-yy",
            changeMonth: true,
            changeYear: true,
            minDate: new Date(1890, 1 - 1, 1),
            maxDate: "+1m +1w",
            defaultDate: new Date(1980, 1 - 1, 1),
        });
    });
</script>

      <div id="v3HomeBody">
        <!--Open Bread crumb-->
         <div class="bread_crumb">
            <ul>
                <li><a href="/" class="bread_arrow" title="Trang chủ">Trang chủ</a></li>
				<li><a href="@Url.Action("Index","Loan")" class="bread_arrow" title="Thẻ tín dụng">Vay tiêu dùng</a></li>
                <li class="lastli"><a href="@Url.Action("LoanInfo","Loan")" class="bold" title="Thông tin">Thông tin</a></li>
            </ul>
        </div>
        <!--Close Bread crumb-->
        
        <!--Open Top Slider-->
        <div class="top_slider" id="afocus">
			 <ol class="top_bar">
                <li style="width:164px;"><a href="@Url.Action("Index","Loan")" class="active" id="show_div"><span  style="left:-13px;">Lựa chọn</span></a> </li>
                <li style="width:164px;"><a href="@Url.Action("LoanInfo","Loan")" class="bar_2_active"><span style="left:-13px;">Thông tin</span></a></li>
                 <li style="width:60px;"><a class="bar_3"><span style="left:-13px;">Hợp đồng</span></a></li>
            </ol>
            <span class="h1replace">...</span>
           
        </div>
        <div class="info">
			
            <div class="tabcontent_1">
				<div class="box-info-show-hide">
            <a id="show-info-member" class="show_hide1" style="display: inline;cursor: pointer;"></a><span class="h2replace">Nhập thông tin của bạn</span> 
			</div>
                <div class="slidingDiv1">
                    <div>
                       <ul class="info_1" style="width: 510px; position: relative;margin-top:15px;" id="Info1" rel="@Model.LoanID">
							 <li class="smlli" id="li-name">
                                <label>Họ tên</label>
<span>
                                    <input id="txt_name"  type="text" maxlength="100" onchange="name_change()" /> (*)
                                   <div id="error-name" class="eror" style="display: none;color:red;">
                                        Bắt buộc nhập họ tên</div>
                                </span>
								
                            </li>
							 <li class="smlli">
                                <label>Mức thu nhập</label>
<select class="dropdownwid" id="select_income">
	<option value="Dưới 10 triệu">Dưới 10 triệu</option>
	<option value="Từ 10 triệu đến 20 triệu">Từ 10 triệu đến 20 triệu</option>
	<option value="Trên 20 triệu đến 50 triệu">Trên 20 triệu đến 50 triệu</option>
	<option value="Trên 50 triệu">Trên 50 triệu</option>
</select><span style="float:right;padding-right:25px;">(*)</span>
 <span style="margin-left:248px;">
 <div class="eror" id="error-make" style="display: none;color:red;">
                                        Bắt buộc chọn hãng sản suất</div>
										</span>
                            </li>
                              <li class="smlli" id="li-email" >
                                <label>
                                   Email</label>
                                <span>
                                    <input id="txt_email" type="text" maxlength="100" onchange="email_change()" > (*)
                                   <div id="error-email" class="eror" style="display: none;color:red;">
                                       Bắt buộc nhập email</div>
									<div id="error-email1" class="eror" style="display: none;color:red;">
                                        Email không hợp lệ</div>
                                </span>

                            </li>
                               <li class="smlli" id="li-phone">
                                <label>
                                    Số điện thoại</label>
                                <span>
                                    <input id="txt_phone" type="text" maxlength="11"  onchange="phone_change()" > (*)
                                    <div id="error-phone" class="eror" style="display: none;color:red;">
                                       Bắt buộc nhập số điện thoại</div>
										<div id="error-phone1" class="eror" style="display: none;color:red;">
                                        Số điện thoại không hợp lệ</div>
                                </span>
                          
                            </li>
							   <li class="smlli" id="li-adress" >
                                <label>
                                    Địa chỉ</label>
                                 <span>
                                    <input id="txt_address"  type="text" maxlength="100" >
                                
                                </span>
                          
                            </li>
							
							<li class="smlli" id="li-dob">
                                <label>
                                    Ngày sinh</label>
                                 <span>
                                    <input id="txt_dob"  type="text" maxlength="100" >
                                    
                                </span>
                          
                            </li>
							
                        </ul>
						
                    </div>
					<div class="clear"></div>
					
					     </div>
                </div>
						<div class="box-accordian-panel">
				<div class="accordian_panel">
                           <ul id="accordion">
                                <li><a href="#" class="item popular" rel="popular">
                                    <h3>
                                        Bảo hiểm xe gắn máy là gì ? </h3>
                                </a>
                                    <ul style="display: none;">
                                        <li>Trả lời</li>
                                    </ul>
                                </li>
                                <li><a href="#" class="item category" rel="category">
                                    <h3>
                                        Tại sao nên mua Bảo hiểm xe gắn máy ?</h3>
                                </a>
                                    <ul style="display: none;">
                                        <li>Trả lời</li>
                                    </ul>
                                </li>
								  <li><a href="#" class="item category" rel="category">
                                    <h3>
                                        Lợi ích khi mua Bảo hiểm xe gắn máy</h3>
                                </a>
                                    <ul style="display: none;">
                                        <li>Trả lời</li>
                                    </ul>
                                </li>
								 <li><a href="#" class="item category" rel="category">
                                    <h3>
                                        Các loại Bảo hiểm xe gắn máy</h3>
                                </a>
                                    <ul style="display: none;">
                                        <li>Trả lời.</li>
                                    </ul>
                                </li>
                               
                            </ul>
                        </div>
				
				</div>
				
				<div class="next_btn" title="Tiếp tục" id="next_btn_loan">
                            <a tabindex="35" class="green_button">
                            <span>Tiếp tục</span>                    
                            </a>
                        </div>
        </div>
		
        <!--Close Form Info-->
        <div class="agreemain">
            <div id="divPrivacyPolicy" class="agree">
                <input type="checkbox"  checked="checked" tabindex="35"><label> Tôi đã đọc và đồng ý với chính sách về <a href="#" tabindex="36" target="_blank">Quyền và nghĩa vụ bảo mật của bảo hiểm 5s</a>. </label>
            </div>
            <!-- Displaying Bottom Text-->
            
            <div>
                <div class="bottom_tabbed">
				<div class="bottom_center"> 
					@Html.Raw(Model.Description)
				</div>            
        </div>
    </div>  
		</div>  					
	</div>  
